<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
    .box {width:200px; height:200px; background: #CCC; border:1px solid black; margin:100px auto 0; transition:1s all ease; transform:perspective(700px) rotateZ(0deg);}
    .box:active {transform:perspective(700px) rotateZ(90deg);}
    </style>
  </head>
  <body>
    <div class="box">
      文字
    </div>
  </body>
</html>
